<template>
  <div>
    <el-container>
      <navigation-bar></navigation-bar>
      <el-container style="margin: 0px">
        <el-header style="padding: 0px"><header-bar></header-bar></el-header>
        <el-main><router-view></router-view></el-main>
        <el-footer style="position: absolute;bottom: 5px;left: 50%"><footer-bar></footer-bar></el-footer>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import navigationBar from '@/components/navigationBar'
import headerBar from '@/components/headerBar'
import footerBar from '@/components/footerBar'
export default{
  components:{navigationBar,headerBar,footerBar},
  watch: {
    $route(to) {
      if (to.name === "check") {
        this.init() // 一般是执行你写在 mounted 下的方法
      }
    }
  }
}
</script>
<style>
#app {

}
body{
  background-color: gainsboro;
  padding: 0px;
  margin: 0px;
}
</style>
